<template>
  <div>
    <h2 v-text="msg"></h2>
    <hr>
    <h2>学生姓名：{{name}}</h2>
    <h2>学生性别：{{sex}}</h2>
    <h2>学生年龄：{{age+1}}</h2>
    <!-- 收到的props不能更改 -->
  </div>
</template>

<script>
  export default {
    name:'MyStudent',
    data(){
      return{
        //props的优先级高于data
        msg:'我是一个学生',
        // name:'马六', 如果这里的data与props里定义过的相同，那么此处的name会报错，且页面上使用的还是props中的name
      }
    },
    
    // 注意props不能传key、ref等关键字！！！

    // props:['name','sex','age'], 简单接收

    //接受的同时对数据进行类型限制
    // props:{
    //   name:String,
    //   sex:String,
    //   age:Number
    // }

    //接受的同时对数据进行类型限制、类型的限制、必要性的限制
    props:{
      name:{
        type:String,
        required:true,
      },
      sex:{
        type:String,
        required:true,
      },
      age:{
        type:Number,
        default:99,
      }
    }
  }
</script>

<style>

</style>